<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page errorPage="../error/404.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<title>模板信息列表</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
<meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT">
<meta name="format-detection" content="telephone=no">
<link rel="shortcut icon" href="/images/favicon.png">
<link rel="stylesheet" href="/layui/css/layui.css" media="all" />
<link rel="stylesheet" href="/css/font_eolqem241z66flxr.css"
	media="all" />
<link rel="stylesheet" href="/css/list.css" media="all" />  
</head>
<body class="childrenBody">
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
    <legend style="text-align: center">${admin.realname}博客</legend>
</fieldset>
	<blockquote class="layui-elem-quote news_search">
		<form class="layui-form">
			
			<div style="margin-top: 1%">
				
				
		
					<div class="layui-inline">
						<a class="layui-btn layui-btn-normal userAdd_btn">添加模板</a>
					</div>
			
				
					<div class="layui-inline">
						<a class="layui-btn layui-btn-danger batchDel">批量删除</a>
					</div>
				
				
			</div>
	</blockquote>
	</form>
	<div class="layui-form">
		<table id="templateList" lay-filter="templateList"></table>
	</div>
	<script type="text/javascript" src="/layui/layui.js"></script>
	<script type="text/html" id="barEdit">
  		<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  		<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
	</script>
	
		
	<script>
		layui
				.config({
					base : "js/"
				})
				.use(
						[ 'form', 'layer', 'jquery', 'table', 'laydate' ],
						function() {
							var form = layui.form, table = layui.table, layer = parent.layer === undefined ? layui.layer
									: parent.layer, laydate = layui.laydate
									$ = layui.jquery,
									nowTime = new Date().valueOf(),
									max = null
									

							//加载页面数据
							table
									.render({
										id : 'templateList',
										elem : '#templateList',
										url : '/template/templateList' //数据接口
										,
										limit : 10//每页默认数
										,
										limits : [ 10, 20, 30, 40 ],
										cols : [ [ //表头
												{
													type : 'checkbox'
												},
												{
													field : 'id',
													title : '编号',
													width : 60
												},
												{
													field : 'tTitle',
													title : '模板标题'
												},
												{
													field : 'tInfo',
													title : '模板说明'
												},
                                                {
                                                    field : 'tImageUrl',
                                                    title : '模板图片',
                                                    templet:'<div><img src="{{d.tImageUrl}}"></div>'
                                                },
												{
													field : 'tStar',
													title : '推荐指数'

												}, 	{
													field : 'tWxPhoto',
													title : '联系人微信',
                                                templet:'<div><img src="{{d.tWxPhoto}}"></div>'
													
												}, 	{
													field : 'tContent',
													title : '模板详情'
													
												}, 	{
													field : 'tCreatetime',
													title : '创建时间',
                                                	templet : '<div>{{ formatTime(d.tCreatetime,"yyyy-MM-dd hh:mm:ss")}}</div>'
													
												},  {
													field : 'tUpdatetime',
													title : '修改时间',
                                                	templet : '<div>{{ formatTime(d.tUpdatetime,"yyyy-MM-dd hh:mm:ss")}}</div>'

                                            }, {
													title : '操作',
													toolbar : '#barEdit'
												} ] ],
										page : true									
									//开启分页
									});
		
							//监听工具条
							table.on('tool(templateList)', function(obj) {
								var data = obj.data;
								if (obj.event === 'del') {
									layer.confirm('真的删除行么', function(index) {
										$.ajax({
											url :  '/template/delTemplateById/'
													+ data.id,
											type : "get",
											success : function(d) {
												if (d.code == 0) {
													obj.del();
													location.reload();
												} else {
													layer.msg(d.msg, {
														icon : 5
													});
												}
											}
										})
										layer.close(index);
									});
								} else if (obj.event === 'edit') {
									layer.open({
										type : 2,
										title : "编辑模板信息",
										area : [ '800px', '600px' ],
										content : "/template/page/editTemplate/"+ data.id //这里content是一个普通的String
									})
								}

							});

						

							//添加网站信息
							$(".userAdd_btn").click(function() {
								var index = layui.layer.open({
									title : "添加网站信息",
									type : 2,
									content :  "/template/page/setTemplate",
									success : function(layero, index) {

									}
								})
								//改变窗口大小时，重置弹窗的高度，防止超出可视区域（如F12调出debug的操作）
								$(window).resize(function() {
									layui.layer.full(index);
								})
								layui.layer.full(index);
							})

							//批量删除
							$(".batchDel")
									.click(
											function() {
												var checkStatus = table
														.checkStatus('templateList'), data = checkStatus.data, templateStr = '';
												if (data.length > 0) {
													$.each(data, function(n,
															value) {
														templateStr   += value.id
																+ ',';
													});
													templateStr   = templateStr .substring(	0,
                                                        templateStr.length - 1);
													layer
															.confirm(
																	'确定删除<strong>'
																			+ data.length
																			+ '</strong>条数据吗？',
																	function(
																			index) {
																		//调用删除接口
																		$
																				.ajax({
																					url : '/template/delTemplateAll/'
																							+ templateStr  ,//接口地址
																					type : "post",
																					success : function(
																							d) {
																						if (d.code == 0) {
																							//删除成功，刷新父页面
																							parent.location.reload();
																						} else {
																							layer
																									.msg(
																											d.msg,
																											{
																												icon : 5
																											});
																						}
																					}
																				})
																	});
												} else {
													layer.msg("请选择需要删除的模板信息");
												}
											})

						})
        //格式化时间
        function formatTime(datetime, fmt) {
            if (datetime == null || datetime == 0) {
                return "";
            }
            if (parseInt(datetime) == datetime) {
                if (datetime.length == 10) {
                    datetime = parseInt(datetime) * 1000;
                } else if (datetime.length == 13) {
                    datetime = parseInt(datetime);
                }
            }
            datetime = new Date(datetime);
            var o = {
                "M+" : datetime.getMonth() + 1, //月份
                "d+" : datetime.getDate(), //日
                "h+" : datetime.getHours(), //小时
                "m+" : datetime.getMinutes(), //分
                "s+" : datetime.getSeconds(), //秒
                "q+" : Math.floor((datetime.getMonth() + 3) / 3), //季度
                "S" : datetime.getMilliseconds()
                //毫秒
            };
            if (/(y+)/.test(fmt))
                fmt = fmt.replace(RegExp.$1, (datetime.getFullYear() + "")
                    .substr(4 - RegExp.$1.length));
            for ( var k in o)
                if (new RegExp("(" + k + ")").test(fmt))
                    fmt = fmt.replace(RegExp.$1,
                        (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k])
                            .substr(("" + o[k]).length)));
            return fmt;
        }

	</script>
</body>

</html>